<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>提现订单</title>
		<link rel="stylesheet" href="css/lib/bootstrap.min.css" />
		<link rel="stylesheet" href="js/themes/default/easyui.css" />
		<script src="js/lib/jquery-1.11.0.js"></script>
		<script src="js/jquery.easyui.min.1.2.2.js"></script>
		<script src="js/lib/bootstrap.min.js"></script>	
		<script src="js/lib/vue.min.js"></script>
		<script src="js/lib/vue-resource.js"></script>
		<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<style>
		body{
			font-size:12px;
		}
		table,
		th,
		td {
			border: 1px solid grey;
			border-collapse: collapse;
			padding: 5px;
			vertical-align: middle !important;
		}
		
		table td:nth-child(odd) {
			background-color:#f1f1f1;/*#e2e9ea*/
			width:160px;
		}
		table td:nth-child(even) {
			width:300px;
		}
		table tr:nth-child(even) {
			background-color:#ffffff;
		}
		input{
			width:280px;!important
		}
		span{
			width:20px;color:red;display:inline-block;text-align:center;
		}
	</style>
	<body>
		<div class="" id="box">
		<div style="padding:15px 5px 0px 5px;border:3px solid #ccc;margin-bottom:15px">
			<table class="table table-hover">
				
				<tbody>
					<tr>
						<th colspan="8">提现订单：</th>
					</tr>
					<tr>
						<td>订单描述:</td>
						<td colspan="3">
							<input v-model="n1" id="m1" class="form-control" type="text" style="width:280px;"/>					
						</td>
						<td>手机号码:</td>
						<td colspan="3">
							<input v-model="n2" id="m2" class="form-control" type="text" style="width:280px;"/>
						</td>						
					</tr>
					<tr>
						<td>变动金额:</td>
						<td colspan="3">
							<input v-model="n3" id="m3" class="form-control" type="text" style="width:280px;"/>
						</td>
						<td>通道标识:</td>
						<td colspan="3">
							<select id="m4" name="" class="form-control" style="width:280px">
								<option value="">请选择</option>
								<option value="YILIAN">易联支付</option>
								<option value="ZHONGMAO_PAY">中茂支付</option>
								<option value="JIEFUBAO">京东钱包</option>
							</select>							
						</td>			
					</tr>
					
					<tr>
						
						<td colspan="8">
								<button @click="add()" class="btn btn-danger" style="margin:0 auto;display:block;">提现</button>  								
						</td>										
					</tr>
					<tr>
						<td v-show colspan="8" class="text-center">
							{{msg}}
						</td>
					</tr>
				</tbody>
			</table>		
		</div>
		</div>
	</body>
	<script>
		$(function(){
			 new Vue({
					 	el:"#box",
					 	data:{
					 		n1:"",
					 		n2:"",
					 		n3:"",
					 		n4:"",
					 		msg:""
					 	},
					 	methods:{
					 		add:function(){
					 			var m1 = $("#m1").val();
					 			var m2 = $("#m2").val();
					 			var m3 = $("#m3").val();
					 			var m4 = $("#m4").val();
					 			
					 			this.$http.post(window.baseUrl+"facade/withdraw",
					 			{order_desc:m1,phone:m2,amount:m3,channe_tag:m4},{emulateJSON:true}).then(
								   function (res) { 
								   console.log(res.data.resp_message)
								   this.msg = res.data.resp_message
								   alert(res.data.resp_message)
								   },function (res) {
								   	alert('网络错误！')
								   	console.log("失败")
								   } 
								  );
					 		}
					 	},			 	
			 })
		})
	</script>
</html>




